<template>
    <div class="header">
        <slot></slot>
    </div>
</template>

<script>
export default {
    name: 'comHeader',
}
</script>

<style lang="scss" scoped>
.header {
    height: 60px;
    padding: 15px;
    font-size: 22px;
    box-sizing: border-box;
    box-shadow: 1px 0px 10px #ccc;
    background-color: white;
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 0px;
    z-index: 99;
    &> div {
        display: inline-block;
        vertical-align: top;
    }
    section {
        display: inline-block;
        margin: 0 10px;
        width: 250px;
        a,div {
            line-height: 30px;
            display: inline-block;
            // margin-right: 8px;
            padding: 0 6px;
        }
    }
}
</style>